{% extends "base.html" %}

{% block conteudo%}
<div id="listar_seguidos">
	<h2>Seguidos</h2>
	{% for seguido in seguidos %}
	<div style="margin-left: 20px; margin-bottom: 20px;">
		<div style="float: left;width: 11%">
			<img src="{{MEDIA_URL}}{{seguido.imagem}}" height="65" width="45"/>
		</div>
		<div style="float: right;width: 89%">
			<label><b>{{seguido.usuario.first_name|title}}</b> <a href="{% url ask.views.listar_perfil seguido.usuario.username %}">({{seguido.usuario.username}})</a></label>
			<a href="{% url ask.views.deixar_seguir seguido.pk %}">Deixar de Seguir</a>
		</div>
		<div class="clear"></div>
	</div>
	{% empty %}
	<div style="background-color: #E7E7E1">
		<label> Você ainda não segue ninguém</label>
	</div>
	{% endfor %}
</div>

<div id="listar_seguidores">
	<h2>Seguidores</h2>
	{% for seguidor in seguidores %}
	<div style="margin-left: 20px">
		<div style="float: left;width: 11%">
			<img src="{{MEDIA_URL}}{{seguidor.imagem}}" height="65" width="45"/>
		</div>
		<div style="float: right;width: 89%">
			<label><b>{{seguidor.usuario.first_name|title}}</b> <a href="{% url ask.views.listar_perfil seguidor.usuario.username %}">({{seguidor.usuario.username}})</a></label>
			{% if seguidor in seguidos %}
			<a href="{% url ask.views.deixar_seguir seguidor.pk %}"> Deixar de Seguir</a>
			{% else %}
			<a href="{% url ask.views.seguir seguidor.pk %}?next=/amigos/"> Seguir</a>
			{% endif %}
		</div>
		<div class="clear"></div>
	</div>
	{% empty %}
	<div style="background-color: #E7E7E1">
		<label> Nenhuma Seguidor</label>
	</div>
	{% endfor %}
</div>

{% endblock %}
